﻿<#include "../common/commonattribute.html"/>
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>B-JUI 客户端框架</title>
	<meta name="Keywords"
		  content="B-JUI,Bootstrap,DWZ,jquery,ui,前端,框架,开源,OSC,开源框架,knaan" />
	<meta name="Description"
		  content="B-JUI, Bootstrap for DWZ富客户端框架，基于DWZ富客户端框架修改。主要针对皮肤，编辑器，表单验证等方面进行了大量修改，引入了Bootstrap，Font Awesome，KindEditor，jquery.validationEngine，iCheck等众多开源项目。交流QQ群：232781006。" />
	<!-- bootstrap - css -->
	<link href="${ctx}/static/BJUI/themes/css/bootstrap.css" rel="stylesheet">
	<!-- core - css -->
	<link href="${ctx}/static/BJUI/themes/css/style.css" rel="stylesheet">
	<link href="${ctx}/static/BJUI/themes/blue/core.css" id="bjui-link-theme"
		  rel="stylesheet">
	<!-- plug - css -->
	<link href="${ctx}/static/BJUI/plugins/kindeditor_4.1.10/themes/default/default.css" rel="stylesheet">
	<link href="${ctx}/static/BJUI/plugins/colorpicker/css/bootstrap-colorpicker.min.css"
		  rel="stylesheet">
	<link href="${ctx}/static/BJUI/plugins/niceValidator/jquery.validator.css"
		  rel="stylesheet">
	<link href="${ctx}/static/BJUI/plugins/bootstrapSelect/bootstrap-select.css"
		  rel="stylesheet">
	<link href="${ctx}/static/BJUI/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
	<link href="${ctx}/static/BJUI/plugins/webuploader/webuploader.css" rel="stylesheet">

	<!--[if lte IE 7]>
	<link href="${ctx}/static/BJUI/themes/css/ie7.css" rel="stylesheet">
	<![endif]-->
	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lte IE 9]>
	<link rel="stylesheet" href="${ctx}/static/admin/css/style.css"/>
	<link rel="stylesheet" href="${ctx}/static/admin/assets/css/font-awesome.min.css" />
	<link href="${ctx}/static/admin/assets/css/codemirror.css" rel="stylesheet">
	<!--[if IE 7]>
      <link rel="stylesheet" href="${ctx}/admin/assets/css/font-awesome-ie7.min.css" />

      <link rel="stylesheet" href="${ctx}/admin/assets/css/ace-ie.min.css" />
    <![endif]-->

	<script src="${ctx}/static/admin/assets/js/ace-extra.min.js" type="text/javascript"></script>

	<script src="${ctx}/static/admin/assets/dist/echarts.js" type="text/javascript"></script>

	<script src="${ctx}/static/admin/assets/js/html5shiv.js" type="text/javascript"></script>
	<script src="${ctx}/static/admin/assets/js/respond.min.js" type="text/javascript"></script>
	<![endif]-->
	<!-- jquery -->
	<script src="${ctx}/static/BJUI/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="${ctx}/static/BJUI/jquery.cookie.js" type="text/javascript"></script>
	<!--[if lte IE 9]>
	<script src="${ctx}/static/BJUI/other/jquery.iframe-transport.js" type="text/javascript"></script>
	<!-- Webuploader -->
	<script src="${ctx}/static/BJUI/plugins/webuploader/webuploader.js"></script>
	<![endif]-->
	<!-- BJUI.all 分模块压缩版 -->
	<script src="${ctx}/static/BJUI/js/bjui-all.js" type="text/javascript"></script>
	<!-- 以下是B-JUI的分模块未压缩版，建议开发调试阶段使用下面的版本 -->
	<!--
    <script src="BJUI/js/bjui-core.js"></script>
    <script src="BJUI/js/bjui-regional.zh-CN.js"></script>
    <script src="BJUI/js/bjui-frag.js"></script>
    <script src="BJUI/js/bjui-extends.js"></script>
    <script src="BJUI/js/bjui-basedrag.js"></script>
    <script src="BJUI/js/bjui-slidebar.js"></script>
    <script src="BJUI/js/bjui-contextmenu.js"></script>
    <script src="BJUI/js/bjui-navtab.js"></script>
    <script src="BJUI/js/bjui-dialog.js"></script>
    <script src="BJUI/js/bjui-taskbar.js"></script>
    <script src="BJUI/js/bjui-ajax.js"></script>
    <script src="BJUI/js/bjui-alertmsg.js"></script>
    <script src="BJUI/js/bjui-pagination.js"></script>
    <script src="BJUI/js/bjui-util.date.js"></script>
    <script src="BJUI/js/bjui-datepicker.js"></script>
    <script src="BJUI/js/bjui-ajaxtab.js"></script>
    <script src="BJUI/js/bjui-datagrid.js"></script>
    <script src="BJUI/js/bjui-tablefixed.js"></script>
    <script src="BJUI/js/bjui-tabledit.js"></script>
    <script src="BJUI/js/bjui-spinner.js"></script>
    <script src="BJUI/js/bjui-lookup.js"></script>
    <script src="BJUI/js/bjui-tags.js"></script>
    <script src="BJUI/js/bjui-upload.js"></script>
    <script src="BJUI/js/bjui-theme.js"></script>
    <script src="BJUI/js/bjui-initui.js"></script>
    <script src="BJUI/js/bjui-plugins.js"  type="text/javascript"></script>
    -->
	<!-- plugins -->
	<!-- swfupload for uploadify && kindeditor -->
	<script src="${ctx}/static/BJUI/plugins/swfupload/swfupload.js"  type="text/javascript"></script>
	<!-- kindeditor -->
	<script src="${ctx}/static/BJUI/plugins/kindeditor_4.1.10/kindeditor-all.min.js"  type="text/javascript"></script>
	<script src="${ctx}/static/BJUI/plugins/kindeditor_4.1.10/lang/zh_CN.js"  type="text/javascript"></script>
	<!-- colorpicker -->
	<script src="${ctx}/static/BJUI/plugins/colorpicker/js/bootstrap-colorpicker.min.js"  type="text/javascript"></script>
	<!-- ztree -->
	<script src="${ctx}/static/BJUI/plugins/ztree/jquery.ztree.all-3.5.js"  type="text/javascript"></script>
	<!-- nice validate -->
	<script src="${ctx}/static/BJUI/plugins/niceValidator/jquery.validator.js"  type="text/javascript"></script>
	<script src="${ctx}/static/BJUI/plugins/niceValidator/jquery.validator.themes.js"  type="text/javascript"></script>
	<!-- bootstrap plugins -->
	<script src="${ctx}/static/BJUI/plugins/bootstrap.min.js"  type="text/javascript"></script>
	<script src="${ctx}/static/BJUI/plugins/bootstrapSelect/bootstrap-select.min.js"  type="text/javascript"></script>
	<script src="${ctx}/static/BJUI/plugins/bootstrapSelect/defaults-zh_CN.min.js"  type="text/javascript"></script>
	<!-- icheck -->
	<script src="${ctx}/static/BJUI/plugins/icheck/icheck.min.js"  type="text/javascript"></script>
	<!-- dragsort -->
	<script src="${ctx}/static/BJUI/plugins/dragsort/jquery.dragsort-0.5.1.min.js"  type="text/javascript"></script>
	<!-- HighCharts -->
	<script src="${ctx}/static/BJUI/plugins/highcharts/highcharts.js"  type="text/javascript"></script>
	<script src="${ctx}/static/BJUI/plugins/highcharts/highcharts-3d.js"  type="text/javascript"></script>
	<script src="${ctx}/static/BJUI/plugins/highcharts/themes/gray.js"  type="text/javascript"></script>
	<!-- ECharts -->
	<script src="${ctx}/static/BJUI/plugins/echarts/echarts.js"  type="text/javascript"></script>
	<!-- other plugins -->
	<script src="${ctx}/static/BJUI/plugins/other/jquery.autosize.js"  type="text/javascript"></script>
	<link href="${ctx}/static/BJUI/plugins/uploadify/css/uploadify.css" rel="stylesheet">
	<script src="${ctx}/static/BJUI/plugins/uploadify/scripts/jquery.uploadify.min.js"  type="text/javascript"></script>
	<script src="${ctx}/static/BJUI/plugins/download/jquery.fileDownload.js"  type="text/javascript"></script>
	<!-- init -->
	<script type="text/javascript">
		$(function() {
			BJUI.init({
				JSPATH       : 'BJUI/',         //[可选]框架路径
				PLUGINPATH   : 'BJUI/plugins/', //[可选]插件路径
				loginInfo    : {url:'login_timeout.html', title:'登录', width:400, height:200}, // 会话超时后弹出登录对话框
				statusCode   : {ok:200, error:300, timeout:301}, //[可选]
				ajaxTimeout  : 50000, //[可选]全局Ajax请求超时时间(毫秒)
				pageInfo     : {total:'total', pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数
				alertMsg     : {displayPosition:'topcenter', displayMode:'slide', alertTimeout:3000}, //[可选]信息提示的显示位置，显隐方式，及[info/correct]方式时自动关闭延时(毫秒)
				keys         : {statusCode:'statusCode', message:'message'}, //[可选]
				ui           : {
					windowWidth      : 0,    //框架可视宽度，0=100%宽，> 600为则居中显示
					showSlidebar     : true, //[可选]左侧导航栏锁定/隐藏
					clientPaging     : true, //[可选]是否在客户端响应分页及排序参数
					overwriteHomeTab : false //[可选]当打开一个未定义id的navtab时，是否可以覆盖主navtab(我的主页)
				},
				debug        : true,    // [可选]调试模式 [true|false，默认false]
				theme        : 'sky' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]
			})

			// main - menu
			$('#bjui-accordionmenu')
					.collapse()
					.on('hidden.bs.collapse', function(e) {
						$(this).find('> .panel > .panel-heading').each(function() {
							var $heading = $(this), $a = $heading.find('> h4 > a')

							if ($a.hasClass('collapsed')) $heading.removeClass('active')
						})
					})
					.on('shown.bs.collapse', function (e) {
						$(this).find('> .panel > .panel-heading').each(function() {
							var $heading = $(this), $a = $heading.find('> h4 > a')

							if (!$a.hasClass('collapsed')) $heading.addClass('active')
						})
					})

			$(document).on('click', 'ul.menu-items > li > a', function(e) {
				var $a = $(this), $li = $a.parent(), options = $a.data('options').toObj()
				var onClose = function() {
					$li.removeClass('active')
				}
				var onSwitch = function() {
					$('#bjui-accordionmenu').find('ul.menu-items > li').removeClass('switch')
					$li.addClass('switch')
				}

				$li.addClass('active')
				if (options) {
					options.url      = $a.attr('href')
					options.onClose  = onClose
					options.onSwitch = onSwitch
					if (!options.title) options.title = $a.text()

					if (!options.target)
						$a.navtab(options)
					else
						$a.dialog(options)
				}

				e.preventDefault()
			})

			//时钟
			var today = new Date(), time = today.getTime()
			$('#bjui-date').html(today.formatDate('yyyy/MM/dd'))
			setInterval(function() {
				today = new Date(today.setSeconds(today.getSeconds() + 1))
				$('#bjui-clock').html(today.formatDate('HH:mm:ss'))
			}, 1000)
		})

		//菜单-事件
		function MainMenuClick(event, treeId, treeNode) {
			event.preventDefault()

			if (treeNode.isParent) {
				var zTree = $.fn.zTree.getZTreeObj(treeId)

				zTree.expandNode(treeNode, !treeNode.open, false, true, true)
				return
			}

			if (treeNode.target && treeNode.target == 'dialog')
				$(event.target).dialog({id:treeNode.tabid, url:treeNode.url, title:treeNode.name})
			else
				$(event.target).navtab({id:treeNode.tabid, url:treeNode.url, title:treeNode.name, fresh:treeNode.fresh, external:treeNode.external})
		}
	</script>



</head>
<body>
<!--[if lte IE 7]>
<div id="errorie"><div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
<![endif]-->
<div id="bjui-window">
    <header id="bjui-header">
        <div class="bjui-navbar-header">
            <button type="button" class="bjui-navbar-toggle btn-default" data-toggle="collapse" data-target="#bjui-navbar-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="bjui-navbar-logo" href="#"><img src="images/logo.png"></a>
        </div>
        <nav id="bjui-navbar-collapse">
            <ul class="bjui-navbar-right">
                <li class="datetime"><div><span id="bjui-date"></span> <span id="bjui-clock"></span></div></li>
                <li><a href="#">消息 <span class="badge">4</span></a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">我的账户 <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="changepwd.html" data-toggle="dialog" data-id="changepwd_page" data-mask="true" data-width="400" data-height="260">&nbsp;<span class="glyphicon glyphicon-lock"></span> 修改密码&nbsp;</a></li>
                        <li><a href="#">&nbsp;<span class="glyphicon glyphicon-user"></span> 我的资料</a></li>
                        <li class="divider"></li>
                        <li><a href="logout" class="red">&nbsp;<span class="glyphicon glyphicon-off"></span> 注销登陆</a></li>
                    </ul>
                </li>
                <li><a href="index.html" title="切换为列表导航(窄版)" style="background-color:#ff7b61;">列表导航栏(窄版)</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle theme blue" data-toggle="dropdown" title="切换皮肤"><i class="fa fa-tree"></i></a>
                    <ul class="dropdown-menu" role="menu" id="bjui-themes">
                        <li><a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default">&nbsp;<i class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;</a></li>
                        <li><a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange">&nbsp;<i class="fa fa-tree"></i> 橘子红了</a></li>
                        <li><a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple">&nbsp;<i class="fa fa-tree"></i> 紫罗兰</a></li>
                        <li class="active"><a href="javascript:;" class="theme_blue" data-toggle="theme" data-theme="blue">&nbsp;<i class="fa fa-tree"></i> 天空蓝</a></li>
                        <li><a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green">&nbsp;<i class="fa fa-tree"></i> 绿草如茵</a></li>
                    </ul>
                </li>
            </ul>
        </nav></header>
	<div id="bjui-container">
		<div id="bjui-leftside">
			<div id="bjui-sidebar-s">
				<div class="collapse"></div>
			</div>
			<div id="bjui-sidebar">
				<div class="toggleCollapse">
					<h2>
						<i class="fa fa-bars"></i> 导航栏 <i class="fa fa-bars"></i>
					</h2>
					<a href="javascript:;" class="lock"><i class="fa fa-lock"></i></a>
				</div>
				<div class="panel-group panel-main" data-toggle="accordion"
					 id="bjui-accordionmenu" data-heightbox="#bjui-sidebar"
					 data-offsety="26">

					<ul id="bjui-hnav-navbar">
						<li>
							<div class="items">
								<ul id="bjui-hnav-tree1" class="ztree ztree_main"
									data-toggle="ztree" data-on-click="MainMenuClick"
									data-expand-all="true" data-faicon="check-square-o">
									<#list leftMenus as leftMenu>
										<#if (leftMenu.isMain??)&&(leftMenu.isMain=="true")>
											<li data-id="${leftMenu.id}" data-pid="0" data-faicon="${leftMenu.iconClass?substring(6)}"
												>${leftMenu.menuName!}</li>
											<#else>
												<li data-id="${leftMenu.id!}" data-pid="${leftMenu.supperId!}" data-url="${ctx+leftMenu.url}"
													data-tabid="form-button" data-faicon="${leftMenu.iconClass?substring(6)}">${leftMenu.menuName!}</li>
										</#if>


									</#list>
								</ul>
							</div>
						</li>
					</ul>

				</div>
			</div>
		</div>
		<div id="bjui-navtab" class="tabsPage">
			<div class="tabsPageHeader">
				<div class="tabsPageHeaderContent">
					<ul class="navtab-tab nav nav-tabs">
						<li data-url="${ctx}/home"><a href="javascript:;"><span><i
								class="fa fa-home"></i> #maintab#</span></a></li>
					</ul>
				</div>
				<div class="tabsLeft">
					<i class="fa fa-angle-double-left"></i>
				</div>
				<div class="tabsRight">
					<i class="fa fa-angle-double-right"></i>
				</div>
				<div class="tabsMore">
					<i class="fa fa-angle-double-down"></i>
				</div>
			</div>
			<ul class="tabsMoreList">
				<li><a href="javascript:;">#maintab#</a></li>
			</ul>
			<div class="navtab-panel tabsPageContent">
				<div class="navtabPage unitBox">
					<div class="bjui-pageContent" style="background: #FFF;">
						Loading...</div>
				</div>
			</div>
		</div>
	</div>
	<footer id="bjui-footer">
		Copyright &copy; 技术支持 - <a href="#" target="_blank">杨乐</a>
		<!--
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1252983288'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s23.cnzz.com/stat.php%3Fid%3D1252983288%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
    -->
	</footer>
</div>
</body>
</html>